import { ComponentStyle, DiyComponent } from '@/components/DiyEditor/util'

export interface PointAndInviteCardProperty {
  title: string
  titleIcon: string
  pointLabel: string
  pointIcon: string
  pointValue: number
  pointLink: string
  inviteLabel: string
  inviteIcon: string
  inviteValue: number
  inviteLink: string
  style: ComponentStyle
}

// 定义组件
export const component = {
  id: 'PointAndInviteCard',
  name: '积分和邀请卡片',
  icon: 'fluent:text-column-two-left-24-filled',
  property: {
    title: '我的邀请与积分',
    titleIcon: '',
    pointLabel: '当前积分',
    pointIcon: '',
    pointValue: 0,
    pointLink: '',
    inviteLabel: '成功邀请',
    inviteIcon: '',
    inviteValue: 0,
    inviteLink: '',
    style: {
      bgType: 'color',
      bgColor: '',
      marginLeft: 8,
      marginRight: 8,
      marginBottom: 8
    } as ComponentStyle
  }
} as DiyComponent<PointAndInviteCardProperty>
